<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="page" uri="http://www.yf1701.com/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="${cxt }/">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>短租自驾</title>
<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
<link rel="stylesheet" href="css/yk_base.css" />
<link rel="stylesheet" href="css/yk_myCenter.css" />
<link rel="stylesheet" href="css/yk_reg.css" />
<link rel="stylesheet" href="css/yk_selfDriving.css" />
<link rel="stylesheet" href="css/header.css"/>
<script type="text/javascript" src="js/yk_selfDriving.js" ></script>
<script type="text/javascript" src="js/city.js" ></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=03tzKH54W2XXVUwG8G1BTxf20GnEoqAD"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script>
<script type="text/javascript" src="js/map.js"></script>
<style>
	* {
				margin: 0px;
				padding: 0px;
			}
			
			#mapWrap {
				width: 860px;
				margin: 100px auto;
			}
			
			#mapWrap h3 {
				background: #e4e4e4;
				line-height: 50px;
				height: 50px;
				text-indent: 2em;
			}
			
			.mtop {
				position: relative;
			}
			
			.mtop span {
				position: absolute;
				right: 10px;
				top: 10px;
			}
			
			.mapcon {
				padding: 30px 20px;
				background: #fff;
			}
			
			.marcon-top {
				font-size: 12px;
			}
			
			.mapleft {
				width: 370px;
				height: 400px;
			}
			
			#mapContainer {
				width: 400px;
				height: 400px;
			}
			
			.clear {
				clear: both;
			}
			.mapDialog{
				position:absolute;
				top:0px;
				bottom:0px;
				left:0px;
				right:0px;
				background:rgba(0,0,0,0.3);
				display:none;
				z-index:10;
			}
			#tangram-suggestion--TANGRAM__1s-main{
				z-index:999;
				overflow:hidden;
			}
</style>

<script type="text/javascript">

$(function(){
	
	XBSMap.createXBSMap(function(){
		alert("fdsfld:"+mapAddress);
		
		
	});
	
});

	function sub(id){
		if(${status==null}||${status==0}){
			window.location.href="login";
		}else{
			//获取取车方式
			var kind = $("input[name=kind]").val();
			//获取取车地点
			var fromCity = $("#fromCity").val();
			var sentAddress = $("#sentAddress").val();
			//获取取车时间
			var fromDate = $("#fromDate").val();
			var fromTime = $("#fromHourMinute").val();
			//获取还车地点
			var toCity = $("#toCity").val();
			var toAddress = $("#toAddress").val();
			//获取还车时间
			var toDate = $("#toDate").val();
			var toTime = $("#toHourMinute").val();
			
			//计算用户所选取的天数
			var date1 = new Date(fromDate);
			var date2 = new Date(toDate);
			var date3 = date2.getTime()-date1.getTime();
			var days = Math.floor(date3/(24*3600*1000));
			
			//类型
			var mon = $(".right_tab li.cur").attr("id");
			if(mon=='short'){
				mon="短租";
			}else if(mon=='week'){
				mon="周租";
			}else if(mon=='month'){
				mon="月租";
			}else if(id=='year'){
				mon="年租";
			}
			
			//获取要租的车型
			var carname =id;
			if(time==''||time==null||time=='短租'){
				window.location.href="content/order?mon="+mon+"&kind="+kind+"&carname="+carname+"&fromCity="+fromCity+"&sentAddress="+sentAddress+"&fromDate="+fromDate+"&fromTime="+fromTime+"&toCity="+toCity+"&toAddress="+toAddress+"&toDate="+toDate+"&toTime="+toTime+"";
			}else{
				if(time=='周租'){
					if(days<7){
						$("#wz").text("周租最低天数为7天");
						$("#notifyDialog").css("display","block");
						return;
					}else{
						window.location.href="content/order?mon="+mon+"&kind="+kind+"&carname="+carname+"&fromCity="+fromCity+"&sentAddress="+sentAddress+"&fromDate="+fromDate+"&fromTime="+fromTime+"&toCity="+toCity+"&toAddress="+toAddress+"&toDate="+toDate+"&toTime="+toTime+"";

					}
				}else if(time=='月租'){
					if(days<28){
						$("#wz").text("月租最低天数为28天");
						$("#notifyDialog").css("display","block");
						return;
					}else{
						window.location.href="content/order?mon="+mon+"&kind="+kind+"&carname="+carname+"&fromCity="+fromCity+"&sentAddress="+sentAddress+"&fromDate="+fromDate+"&fromTime="+fromTime+"&toCity="+toCity+"&toAddress="+toAddress+"&toDate="+toDate+"&toTime="+toTime+"";

					}
				}else if(time=='年租'){
					if(days!=365){
						$("#wz").text("年租最低天数为365天");
						$("#notifyDialog").css("display","block");
						return;
					}else{
						window.location.href="content/order?mon="+mon+"&kind="+kind+"&carname="+carname+"&fromCity="+fromCity+"&sentAddress="+sentAddress+"&fromDate="+fromDate+"&fromTime="+fromTime+"&toCity="+toCity+"&toAddress="+toAddress+"&toDate="+toDate+"&toTime="+toTime+"";

					}
				}
			}
		}
		
		
	}
	
	$(document).ready(function(){
			
		//获取系统时间
		var now = new Date();
		//获取年份
		var year = now.getFullYear();
		//获取月份
		var month = now.getMonth()+1;
		if(month<10){
			month = "0"+now.getMonth()+1;
		}
		//获取出发日
		var fday = now.getDate()+1;
		//获取还车日，默认3天
		var tday = now.getDate()+4;
		if(fday<10){
			fday = "0"+fday;
		}
		if(tday<10){
			tday="0"+tday;
		}
		//获取礼拜几
		var num = now.getDay()+1;
		var week = getWeek(num);
		
		var hour = now.getHours()+":00";
		var nowday = year+"-"+month+"-"+fday;
		var goday = year+"-"+month+"-"+tday;
		$(".indexjmhs").text(week);
		$("input[name=fromDate]").val(nowday);
		$("input[name=toDate]").val(goday);
		$("#fromHourMinute").val(hour);
		$("#toHourMinute").val(hour);
		var rentday = tday-fday;
		$(".indexjmhsx").text(rentday+"天");
		$(".toDateWeek").text(rentday+"天");
		
		
		$("#fromDate").blur(function(){
			var date =new Date($(this).val());
			var week = getWeek(date.getDay());
			$(".indexjmhs").text(week);
			
		});
		
		//判断还车日期是否小于取车日期
		$("#toDate").blur(function(){
			var fromdate = new Date($("#fromDate").val());
			var todate = new Date($(this).val());
			if(todate<=fromdate){
				var year = fromdate.getFullYear();
				var month = fromdate.getMonth()+1;
				if(month<10){
					month = "0"+month+1;
				}
				var tday = fromdate.getDate()+3;
				if(tday<10){
					tday="0"+tday;
				}
				var goday = year+"-"+month+"-"+tday;
				$("#toDate").val(goday);
				$(".indexjmhsx").text("3天");
				$(".toDateWeek").text("3天");
			}else{
				var fromday = fromdate.getDate();
				var today = todate.getDate();
				var rentday = today-fromday;
				$(".indexjmhsx").text(rentday+"天");
				$(".toDateWeek").text(rentday+"天");
			}
			
		});
		
		$(".dialogBtn").click(function(){
			$("#notifyDialog").css("display","none");
		});
		
		var id="first";
		$(".pagecss span").click(function(){
			if(id!=""){
				$("span[id="+id+"]").css("color","#93939e");
			}
			id=$(this).attr("id");
			$(this).css({"color":"blue","text-decoration":"underline"});
		}).hover(function(){
			$(this).css({"color":"red","text-decoration":"underline"});
		},function(){
			$(this).css("color","#93939e");
			$("span[id="+id+"]").css({"color":"blue","text-decoration":"underline"});
		});
		
	});
	
	
	function getWeek(num){
		var week = "";
		switch(num){
			case 0:
				week ="周日";
				break;
			case 1:
				week = "周一";
				break;
			case 2:
				week = "周二";
				break;
			case 3:
				week = "周三";
				break;
			case 4:
				week = "周四";
				break;
			case 5:
				week = "周五";
				break;
			case 6:
				week = "周六";
				break;
		}
		return week;
	}
	
	
</script>
</head>
<body>
	<div style="width: 100%;background: black;">
		<jsp:include page="../header.jsp"></jsp:include>
		</div>
		<div class="zc_headlist">
			<div class="dz_conbox">
				<div class="fl">
					<div class="choose_ul">
						<div class="fl">
							<label class="c_car">
								取车
							</label>
							<input type="text" class="ipcity citySD" name="fromCity" id="fromCity" placeholder="请选择城市" value="株洲"/>
							<div class="yc_city" id="city1">
								<select id="city" class="szcity pointer" size="6">
								<c:forEach items="${city }" var="item">
									<option>${item.city_name }</option>
								</c:forEach>
									
								</select>
							</div>
							<input type="text" class="iptst citySD" name="sentAddress" id="sentAddress"  placeholder="请选择送车地址" value="天元区"/>
							<input type="hidden" name="kind" value="到店取还">
							<div class="btn">
								<label class="cartxt pointer">
									到店取还
									<span class="zc_switch_c pointer" id="song" style="background-position-x:-175px"></span>
								</label>	
							</div>
						</div>
						<div class="fl cardate">
							<label class="c_date">
								取车时间
								<div class="indexjmhs">	
								</div>
							</label>
							<div class="fl">
								<input type="date" value="" class="iptdate date_iptcalendar" name="fromDate" id="fromDate"/>
							</div>
							<div class="cartime fl ">
								<input type="text" value="" default-value="08:00-12:00" class="ipttime citySD" name="fromHourMinute" id="fromHourMinute"/>
								<div class="sz_time" id="fromTime">
									<ul>
										<li>08:00</li>
										<li>08:30</li>
										<li>09:00</li>
										<li>09:30</li>
										<li>10:00</li>
										<li>10:30</li>
										<li>11:00</li>
										<li>11:30</li>
									</ul>
									<ul>
										<li>12:00</li>
										<li>12:30</li>
										<li>13:00</li>
										<li>13:30</li>
										<li>14:00</li>
										<li>14:30</li>
										<li>15:00</li>
										<li>15:30</li>
									</ul>
									<ul>
										<li>16:00</li>
										<li>16:30</li>
										<li>15:00</li>
										<li>15:30</li>
										<li>16:00</li>
										<li>16:30</li>
										<li>17:00</li>
										<li>17:30</li>
									</ul>
									<ul>
										<li>18:00</li>
										<li>18:30</li>
										<li>19:00</li>
										<li>19:30</li>
										<li>20:00</li>
										<li>20:30</li>
										<li>21:00</li>
										<li>21:30</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="fl zc_ma">
							<label class="c_car">
								还车
							</label>
							<input type="text" class="ipcity citySD" name="toCity" id="toCity" placeholder="请选择城市" value="株洲"/>
							<input type="text" class="iptst citySD" name="toAddress" id="toAddress"  placeholder="请选择取车地址" value="芦淞区"/>
							<div class="btn">
								<label class="cartxt pointer">
									上门取还
									<span class="zc_switch_c pointer" id="shang"></span>
								</label>	
							</div>
						</div>
						<div class="fl cardate zc_ma">
							<label class="c_date">
								还车时间
								<div class="indexjmhsx"></div>
							</label>
							<div class="fl">
								<input type="date" value="" class="iptdate date_iptcalendar" name="toDate" id="toDate" />
							</div>
							<div class="cartime fl ">
								<input type="text" value="${thour }" default-value="08:00-12:00" class="ipttime citySD"  name="toHourMinute" id="toHourMinute"/>
								<div class="sz-timex" id="toTime">
									<ul>
										<li>08:00</li>
										<li>08:30</li>
										<li>09:00</li>
										<li>09:30</li>
										<li>10:00</li>
										<li>10:30</li>
										<li>11:00</li>
										<li>11:30</li>
									</ul>
									<ul>
										<li>12:00</li>
										<li>12:30</li>
										<li>13:00</li>
										<li>13:30</li>
										<li>14:00</li>
										<li>14:30</li>
										<li>15:00</li>
										<li>15:30</li>
									</ul>
									<ul>
										<li>16:00</li>
										<li>16:30</li>
										<li>15:00</li>
										<li>15:30</li>
										<li>16:00</li>
										<li>16:30</li>
										<li>17:00</li>
										<li>17:30</li>
									</ul>
									<ul>
										<li>18:00</li>
										<li>18:30</li>
										<li>19:00</li>
										<li>19:30</li>
										<li>20:00</li>
										<li>20:30</li>
										<li>21:00</li>
										<li>21:30</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="choose_div">
					<span>
						租期：
						<em class="bred toDateWeek"></em>
						不限里程
					</span>
					<br />
					<!-- <a href="javascript:void(0)" class="search_btn">立即选车</a> -->
				</div>
			</div>
		</div>
		<div style="width: 100%;background: #F2F3F5;">
			<div class="zj_main">
				<div class="zj_leftlist fl">
					<div class="zj_boxshd">
						<div class="cl_lbox bdbtm">
							<p class="zj_left_title">车型</p>
							<ul class="chexing">
								<li class="check"  onclick="che(this);getCar();">
									<a class="pointer" >
										<i class="zj_cx_bx" ></i>
										<i class="cartxt" >不限</i>
									</a>
								</li>
								<li onclick="che(this);getCar();">
									<a class="pointer" >
										<i class="zj_cx_sdjc" ></i>
										<i class="cartxt">手动紧凑型</i>
									</a>
								</li>
								<li onclick="che(this);getCar();">
									<a class="pointer">
										<i class="zj_cx_jj"></i>
										<i class="cartxt">经济型</i>
									</a>
								</li>
								<li onclick="che(this);getCar();">
									<a class="pointer" >
										<i class="zj_cx_sw"></i>
										<i class="cartxt">商务型</i>
									</a>
								</li>
								<li onclick="che(this);getCar();">
									<a class="pointer">
										<i class="zj_cx_hh"></i>
										<i class="cartxt">豪华型</i>
									</a>
								</li>
								<li onclick="che(this);getCar();">
									<a class="pointer" >
										<i class="zj_cx_suv"></i>
										<i class="cartxt">SUV</i>
									</a>
								</li>
								<li onclick="che(this);getCar();">
									<a class="pointer" >
										<i class="zj_cx_zsw"></i>
										<i class="cartxt">6至15座商务</i>
									</a>
								</li>
								<li onclick="che(this);getCar();">
									<a class="pointer">
										<i class="zj_cx_gx" ></i>
										<i class="cartxt">个性车</i>
									</a>
								</li>
								<li onclick="che(this);getCar();">
									<a class="pointer" >
										<i class="zj_cx_dd" ></i>
										<i class="cartxt">电动车</i>
									</a>
								</li>
							</ul>
						</div>
						<div class="cl_lbox bdbtm">
							<p class="zj_left_title">
								价格
								<span class="sma12">(元)</span>
							</p>
							<ul class="pri_range">
								<li class="bar1" onclick="jia(this);getCar();">
									<a>
										<span class="w40" style="background-color: #fabe00;" id="bar1"></span>
									</a>
								</li>
								<li class="bar2" onclick="jia(this);getCar();">
									<a>
										<span class="w40" id="bar2"></span>
									</a>
								</li>
								<li class="bar3" onclick="jia(this);getCar();">
									<a >
										<span class="w40" id="bar3"></span>
									</a>
								</li>
								<li class="bar4" onclick="jia(this);getCar();">
									<a >
										<span class="w40" id="bar4"></span>
									</a>
								</li>
								<li class="bar5" onclick="jia(this);getCar();">
									<a >
										<span class="w70" id="bar5"></span>
									</a>
								</li>
							</ul>
							<ul class="pri_num">
								<li class="pri1 w37 checked" id="pri1">不限</li>
								<li class="pri2 w35" id="pri2">0</li>
								<li class="pri3 w42" id="pri3">150</li>
								<li class="pri4 w42" id="pri4">300</li>
								<li class="pri5 w37" id="pri5">500</li>
								<li class="pri6 w44" id="pri6">500+</li>
							</ul>
						</div>
						<div class="cl_lbox bdbtm">
							<p class="zj_left_title">品牌</p>
							<ul class="car_brand">
								<li id="xx" onclick="pai(id);getCar();">
									<a style="color: #fabe00;" id="bx">不限</a>
								</li>
								<li id="od" onclick="pai(id);getCar();" >
									<a>奥迪</a>
								</li>
								<li id="bmw" onclick="pai(id);getCar();" >
									<a>宝马</a>
								</li>
								<li id="bk" onclick="pai(id);getCar();">
									<a>别克</a>
								</li>
								<li id="byd" onclick="pai(id);getCar();">
									<a>比亚迪</a>
								</li>
								<li id="mzd" onclick="pai(id);getCar();">
									<a>马自达</a>
								</li>
								<li id="xd" onclick="pai(id);getCar();">
									<a>现代</a>
								</li>
								<li id="ft" onclick="pai(id);getCar();">
									<a >福特</a>
								</li>
								<li id="kdlk" onclick="pai(id);getCar();">
									<a >凯迪拉克</a>
								</li>
								<li id="ft" onclick="pai(id);getCar();">
									<a >丰田</a>
								</li>
								<li id="dz" onclick="pai(id);getCar();">
									<a >大众</a>
								</li>
								<li id="zsld" onclick="pai(id);getCar();">
									<a >玛莎拉蒂</a>
								</li>
								<li id="bsj" onclick="pai(id);getCar();">
									<a >保时捷</a>
								</li>
								<li id="pjl" onclick="pai(id);getCar();">
									<a >帕加尼</a>
								</li>
								<li id="fll" onclick="pai(id);getCar();">
									<a>法拉利</a>
								</li>
								<li id="knsg" onclick="pai(id);getCar();">
									<a >科尼赛格</a>
								</li>
								<li id="mbh" onclick="pai(id);getCar();">
									<a >迈巴赫</a>
								</li>
								<li id="lsls" onclick="pai(id);getCar();">
									<a >劳斯莱斯</a>
								</li>
								<li id="bjdwl" onclick="pai(id);getCar();">
									<a >布加迪威龙</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="zj_rightlist fl">
					<div class="zc_boxshd">
						<ul class="right_tab">
							<li class="tab w120 cur" onclick="changeOrderType(id);getCar();" id="short">
								<a >短租自驾</a>
							</li>
							<li class="tab w142" onclick="changeOrderType(id);getCar();" id="week">
								<a >
									周租套餐
									<i>(7-27天)</i>
								</a>
							</li>
							<li class="tab w142" onclick="changeOrderType(id);getCar();" id="month">
								<a>
									月租套餐
									<i>(28天+)</i>
								</a>
							</li>
							<li class="tab w142" onclick="changeOrderType(id);getCar();" id="year">
								<a >
									年租套餐
									<i>(365天)</i>
								</a>
							</li>
						</ul>
						<p class="yel_tips">
							<span class="gift_relittle">亲，如果您觉得短租不合适，可以选择其他的套餐呢！</span>
						</p>
						<div class="clist_ct">
							<table class="clist_tb" cellpadding="0" cellspacing="0">
								<tbody class="carList">
									<c:forEach items="${pece.data }" var="item">
										<tr class="clist_tr">
										<td class="pic">
											<img src="${item.carmodelimage} " width="230" height="130"/>
										</td>
										<td class="info">
											<p class="name">${item.carmodelname}</p>
											<p class="oth">三厢|1.6自动|乘坐${item.seating}人</p>
											<div class="alltips">
												<i class="tip bh_remen">热门车</i>
												<i class="tip bh_xin">新车型</i>
											</div>
										</td>
										<td class="ord">
											<div class="order_box">
												<div class="od_price">
													<div class="houfu"></div>
													<div class="car_price" style="z-index: 1;">
														<span class="pri_ye">
															<em class="rmb">￥</em>
															<em class="num">${item.rentcash}</em>
															<em class="unit">/日均</em>
														</span>
													</div>
												</div>
												<span class="od_btn"  onclick="sub('${item.carmodelname}')">租车</span>
											</div>
										</td>
									</tr>
									</c:forEach>
								</tbody>
							</table>
							<div class="pagecss">
							<span id="first" onclick="page(id);getCar();" class="pointer" style="color:blue">首页</span>
										<span id="last" onclick="page(id);getCar();" class="pointer">上一页</span>
										<span id="next" onclick="page(id);getCar();" class="pointer">下一页</span>
										<span id="end" onclick="page(id);getCar();" class="pointer">尾页</span>
							</div>
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="width: 100%;">
			<div class="footmenu">
					<dl class="wyd">
						<dt>租车预定说明</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >服务时间</a>
							<a href="javascript:void(0)" target="_blank">待租车况</a>
							<a href="javascript:void(0)" target="_blank">服务预定</a>
							<a href="javascript:void(0)" target="_blank">短租产品</a>
							<a href="javascript:void(0)" target="_blank">租车资格</a>
							<a href="javascript:void(0)" target="_blank">取还车说明</a>	
						</dd>
					</dl>
					<dl class="why">
						<dt>会员管理</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >会员章程</a>
							<a href="javascript:void(0)" target="_blank" >会员细则</a>
							<a href="javascript:void(0)" target="_blank" >定级积分</a>
						</dd>
					</dl>
					<dl class="wsj">
						<dt>紧急事务处理</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >保险责任</a>
							<a href="javascript:void(0)" target="_blank" >理赔说明</a>
							<a href="javascript:void(0)" target="_blank" >事故处理</a>
							<a href="javascript:void(0)" target="_blank" >救援及备用车</a>
						</dd>
					</dl>
					<dl class="wfy">
						<dt>租车费用及结算</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >价格说明</a>
							<a href="javascript:void(0)" target="_blank" >结算流程</a>
							<a href="javascript:void(0)" target="_blank" >储值卡</a>
							<a href="javascript:void(0)" target="_blank" >积分</a>
						</dd>
					</dl>
					<dl class="wbz">
						<dt>帮助中心</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >常见问题</a>
							<a href="javascript:void(0)" target="_blank" >新手上路</a>
							<a href="javascript:void(0)" target="_blank" >服务规则</a>
						</dd>
					</dl>
			</div>
		</div>
		<div style="background: #1B2B3B;width: 100%;">
			<div class="zc_main" style="border-top: 0px;" >
				<div class="zit">
					<a href="javascript:void(0)" style="margin-left: 0px;">关于我们</a>
					<a href="javascript:void(0)">投资者关系</a>
					<a href="javascript:void(0)">新闻中心</a>
					<a href="javascript:void(0)">加盟合作</a>
					<a href="javascript:void(0)">隐式保护</a>
					<a href="javascript:void(0)">网站导航</a>
					<a href="javascript:void(0)">联系我们</a>
					<a href="javascript:void(0)">招贤纳士</a>
					<a href="javascript:void(0)" style="margin-left: 407px;margin-right: 0px;">English>></a>
				</div>
				<div class="copyright">
					<span>Copyright@2008-2018 www.zuche.com All Rights Reserved. 北京神州汽车租赁有限公司 京ICP备10005002号 京公网安备号 11010502026705</span>
					<span style="margin-left: 34px;">如果您对神州租车网站有任何意见，欢迎发送邮件到 <a href="javascript:void(0)">web@zuche.com</a> </span>
				</div>
				<div class="tupian">
					<img src="img/yk_kexin.png" />
					<img src="img/yk_chengxin.png" />
				</div>
			</div>
		</div>
		
		<div id="notifyDialog">
			<div class="orderDialog">
				<h1 style="margin-left: 110px;"> 温馨提示</h1>
				<p id="wz" style="margin-left: 70px;margin: 20px 92px;"></p>
				<p >
					<input class="dialogBtn"  type="button" value="关闭">
				</p>
			</div>
		</div>
		<div id="mapDialog" class="mapDialog">
			<div id="mapWrap">
			<div class="mtop">
				<h3>送车上门地址</h3>
				<span>x</span>
			</div>
			<div class="mapcon">
				<div class="marcon-top">
					<span style="color:#000;">送车范围</span>：地图蓝色边界范围内，请提前4个工作小时下单，即可免费尊享送车上门服务。如距离取/还车时间不足4小时，可以选择到店取还。
				</div>
				<div class="mapleft" style="float: left;overflow: hidden;">
					<div style="margin-bottom:10px;">
						<input id="searchplace" style="width: 250px;height:29px;" placeholder="输入搜索关键字" />
						<a id="s_p_search_btn" href="#" class="easyui-linkbutton" style="width: 80px;" iconcls="icon-search">搜索</a>
					</div>
					<div id="searchlist" style="height:400px;z-index:999;">

					</div>
				</div>
				<div id="mapContainer" style="float:left;">

				</div>
				<div class="clear"></div>
			</div>
		</div>
		</div>
</body>
</html>